<link rel="stylesheet" href="../src/css/pages/campaignGroups.css">
<section>
	<ol class="breadcrumb">
		<li>监控优化</li>
		<li class="active">营销活动</li>
	</ol>
</section>

<div class="container-fluid">
		
	<div class="row bigdrop" id="search-area">
	    <form name="search-form">
	        <div class="form-group col-sm-2 relative no-margin">
	            <div class="select2-container" style="width: 100%;">
	                <a id="productSel" href="javascript:void(0)" class="select2-choice"
	                   tabindex="-1">
	                    <span id="result" class="select2-chosen">请选择目标及配置</span>
	                    <abbr class="select2-search-choice-close"></abbr>
	                    <span class="select2-arrow"><b></b></span>
	                </a>
	                <input type="hidden" name="fbConnectionObjectId" id="fbConnectionObjectId"/>
	                <input type="hidden" name="config" id="productSelResult"/>
					<input type="hidden" name="selectedPlatform" id="selectedPlatform"/>
	
	                <div id="tree" class="ratus hide">
	                </div>
	            </div>
	        </div>
	
	        <div class="form-group col-sm-1 relative no-margin no-padding">
	            <div class="input-group">
	                <select name="adgroup-status" class="form-control">
	                    <option value="ACTIVE">投放中</option>
	                    <option value="PAUSED">未投放</option>
	                </select>
	            </div>
	        </div>
	
	        <div class="form-group col-sm-2 no-margin no-padding">
	            <div class="input-group">
	                <input type="daterange" class="form-control datepicker hasDatepicker"
	                       ranges="ranges"/>
	                    <span class="input-group-addon"><i class="fa fa-calendar"></i>
	                    </span>
	            </div>
	        </div>
	        <div class="form-group col-sm-1 no-margin">
	            <div class="input-group col-sm-12">
	                <div id="moreCtn" class="btn-area dropdown">
	                    <!--fa fa-plus-->
	                    <button id="moreBtn" type="button" data-toggle="dropdown"
	                            data-target="#" class="btn btn-default btn-sm">选择账号 <i
	                            class="fa fa-chevron-down"></i></button>
	                    <ul id="moreTargetingMenu" class="dropdown-menu multi-level"
	                        role="menu" style="overflow: auto;max-height: 350px;"></ul>
	                </div>
	
	            </div>
	        </div>
	
	        <div class="col-sm-4 form-inline">
	            <div class="form-group">
	                <div class="input-group">
	                    <select name="adgroup-search-type"
	                            class="form-control adgroup-search-type">
	                        <option value="campaign">campaign 名称</option>
	                        <option value="ad">ad 名称</option>
	                    </select>
	                </div>
	            </div>
	            <div class="form-group" style="  margin-left: -5px;">
	                <div class="input-group">
	                    <input type="text" class="form-control" name="adgroup-search-name"
	                           placeholder="请输入关键词"/>
	                </div>
	            </div>
	        </div>
	
	        <div class="form-group col-sm-2   pull-right">
	            <a href="javascript:void(0)" class="btn btn-success btn-sm disabled   pull-right"
	               id="search-action">
	                查询
	            </a>
	        </div>
	    </form>
	</div>
    <div class="row  margin-bottom-10">
        <div class="col-sm-10" id="all-adgroup-result"></div>
        <div class="col-sm-2  pull-right hide">
            <a href="javascript:void(0)" class="btn btn-default btn-sm   pull-right"
               id="delete-action">
                删除
            </a>
            <a href="javascript:void(0)" class="btn btn-default btn-sm   pull-right  margin-right-5"
               id="pause-action">
                暂停
            </a>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12 no-margin">
            <div id="differentTimeZone" style="color:red" class="hide">
                <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
                账号时区不一致，不支持查询。
            </div>
        </div>
    </div>
    <div class="row hide" id="account-list-title">
        <div class="col-sm-2 no-margin">
            <label>广告账号：</label>
        </div>
        <div class="col-sm-10 no-margin pull-right">
            <a href="javascript:void(0)" id="showAllAcc" style="float: right;" isClose="true">展开全部账号</a>
        </div>
    </div>
    <div class="row hide" style="min-height: 25px;" id="account-list">
        <div class="col-sm-12 no-margin">
            <div id="account-list" class="hide">
            </div>
        </div>
    </div>
    <hr class="simple no-margin">
    <div class="row" style="margin-top: 15px;display: none;">
        <div class="col-sm-12 red hide" id="today_profile">
            <label>今日总花费：</label><span name="today_total_spent"><i
                class="getLoading get-loading"></i></span> &nbsp; &nbsp;
            <label>今日总安装：</label><span name="today_total_result"><i
                class="getLoading get-loading"></i></span>
        </div>
    </div>
    <div v-component="commGrid">
        <div id="list_description" class="hide">
            <i class="fa fa-bell-o"></i>列表中为当日数据，时区为广告账户时区：<span id="account_timezone"></span>
        </div>
        <div class="dataTables_wrapper form-inline">
            <!--列表：开始-->
            <div class="dt-wrapper">
                <table class="table table-striped table-bordered table-hover" list-manager="litecampaigngroups" id="ad_group_table">
                    <thead>
	                    <tr>
	                        <th width="55" th-name="order">序号</th>
	                        <th th-name="adGroupStatus" valign="middle">状态</th>
	                        <th th-name="adGroupName">广告名称</th>
	                        <th th-name="adGroupId">广告ID</th>
	                        <th th-name="campaignGroupName">campaign名称</th>
	                        <th th-name="uniqueImpressions" sorting>覆盖人数</th>
	                        <th th-name="clicks" sorting>点击数</th>
	                        <th th-name="impressions" sorting>展示数</th>
	                        <th th-name="ctr" sorting>点击率</th>
	                        <th th-name="cr" sorting>转化率</th>
	                        <th th-name="results" sorting>安装</th>
	                        <th th-name="cost" sorting>成本$</th>
	                        <th th-name="todaySpent" sorting>今日花费$</th>
	                        <th th-name="spent" sorting="-1">总花费$</th>
	                    </tr>
                    </thead>
                    <tbody id="grid" class="smart-form table-chckbox-con">
                    </tbody>
                </table>
            </div>
            <!--列表：结束-->
        </div>
    </div>
    <div class="row" style="margin-top: 15px;">
        <div class="col-sm-12" id="refreshTime">
        </div>
    </div>
</div>